<template>
      <div class="blog-manage">
        <div class="select-com">
          <div><h2><router-link :to="{path:'/adminpage/blogm/showblog'}">管理博客</router-link></h2></div>
          <div><h2><router-link :to="{path:'/adminpage/blogm/editblog'}">添加博客</router-link></h2></div>
        </div>
        <router-view></router-view>
      </div>
</template>

<script>
import BlogDetails from "./BlogDetails";
import BlogEdit from "./BlogEdit";
export default {
  name: "BlogManagement",
  components:{
    BlogDetails,BlogEdit
  },
}
</script>

<style scoped>
.blog-manage{
  background-color: rgba(249,249,249,.9);
  min-height: 100vh;
}
h2{
  color: #41a8a5;
  text-shadow: 0 0 5px #41a8a5;
}
.select-com{
  display: flex;
  justify-content: center;
  border-bottom: 3px solid #41a8a5;
  box-shadow: 0 3px 3px #ffff00;
  margin-bottom: 3rem;
}
.select-com >div{
  margin: 1rem;
}

</style>